﻿<%@ Page Title="" Language="C#" MasterPageFile="~/LivingWellClinic.Master" AutoEventWireup="true" CodeBehind="Volunteer.aspx.cs" Inherits="livingwellclinic.Volunteer" %>
<asp:Content ID="Content0" ContentPlaceHolderID="title" runat="server">Volunteer</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
            width: 58%;
            margin-right: 0px;
        }
        .style2
        {
        }
        .style3
        {
            width: 212px;
        }
        .style4
        {
            width: 151px;
        }
        .style5
        {
            width: 151px;
            height: 30px;
        }
        .style6
        {
            width: 212px;
            height: 30px;
        }
        .style7
        {
            height: 30px;
        }
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">
    <br />
    <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
        <asp:View ID="View1" runat="server">
            Please fill out the form below to apply for a volunteer position.<br /> 
            (Required fields are mared with an asterisk)<br />
            <br />
            <table class="style1">
                <!-- Commented out because profile will evenutally fill in this information -->
                <!--<tr>
            <td class="style4">
                <asp:Label ID="NameLabel" runat="server" Text="Name"></asp:Label>
                *</td>
            <td class="style3">
                <asp:TextBox ID="NameTextBox" runat="server" style="margin-left: 0px" 
                    Width="200px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="NameRequiredFieldValidator" runat="server" 
                    ControlToValidate="NameTextBox" CssClass="style5" 
                    ErrorMessage="Please enter your name" ValidationGroup="Submit">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                <asp:Label ID="Address1Label" runat="server" Text="Address (line1)"></asp:Label>
                *</td>
            <td class="style3">
                <asp:TextBox ID="Address1TextBox" runat="server" Width="200px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="AddressRequiredFieldValidator" runat="server" 
                    ControlToValidate="Address1TextBox" CssClass="style5" 
                    ErrorMessage="Please enter your address" ValidationGroup="Submit">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                <asp:Label ID="Address2Label" runat="server" Text="Address (line2)"></asp:Label>
            </td>
            <td class="style3">
                <asp:TextBox ID="Address2TextBox" runat="server" Width="200px"></asp:TextBox>
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style4">
                <asp:Label ID="CityLabel" runat="server" Text="City"></asp:Label>
                *</td>
            <td class="style3">
                <asp:TextBox ID="CityTextBox" runat="server" Width="200px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="CityRequiredFieldValidator" runat="server" 
                    ControlToValidate="CityTextBox" CssClass="style5" 
                    ErrorMessage="Please enter your city" ValidationGroup="Submit">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                <asp:Label ID="StateLabel" runat="server" Text="State"></asp:Label>
                *</td>
            <td class="style3">
                <asp:TextBox ID="StateTextBox" runat="server" Width="200px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="StateRequiredFieldValidator" runat="server" 
                    ControlToValidate="StateTextBox" CssClass="style5" 
                    ErrorMessage="Please enter your state" ValidationGroup="Submit">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                <asp:Label ID="ZIPLabel" runat="server" Text="ZIP"></asp:Label>
                *</td>
            <td class="style3">
                <asp:TextBox ID="ZIPTextBox" runat="server" Width="200px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="ZipRequiredFieldValidator" runat="server" 
                    ControlToValidate="ZIPTextBox" CssClass="style5" 
                    ErrorMessage="Please enter your ZIP code" ValidationGroup="Submit">*</asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="ZipRegularExpressionValidator" 
                    runat="server" ControlToValidate="ZIPTextBox" CssClass="style5" 
                    ErrorMessage="Please enter a valid US ZIP code" 
                    ValidationExpression="\d{5}(-\d{4})?">*</asp:RegularExpressionValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                <asp:Label ID="PhoneLabel" runat="server" Text="Phone"></asp:Label>
            </td>
            <td class="style3">
                <asp:TextBox ID="PhoneTextBox" runat="server" Width="200px"></asp:TextBox>
            </td>
            <td>
                <asp:RegularExpressionValidator ID="PhoneRegularExpressionValidator" 
                    runat="server" ControlToValidate="PhoneTextBox" CssClass="style5" 
                    ErrorMessage="Please enter a valid phone number" 
                    ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}" 
                    ValidationGroup="Submit">*</asp:RegularExpressionValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                <asp:Label ID="EmailLabel" runat="server" Text="Email"></asp:Label>
                *</td>
            <td class="style3">
                <asp:TextBox ID="EmailTextBox" runat="server" Width="200px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="EmailRequiredFieldValidator" runat="server" 
                    ControlToValidate="EmailTextBox" CssClass="style5" 
                    ErrorMessage="Please enter your email" ValidationGroup="Submit">*</asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="EmailRegularExpressionValidator" 
                    runat="server" ControlToValidate="EmailTextBox" CssClass="style5" 
                    ErrorMessage="Please enter a valid email address (someone@somewhere.something)" 
                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                    ValidationGroup="Submit">*</asp:RegularExpressionValidator>
            </td>
        </tr>-->
                <tr>
                    <td class="style5">
                        <asp:Label ID="Label1" runat="server" Text="Position Applying For"></asp:Label>
                    </td>
                    <td class="style6">
                        <asp:DropDownList ID="DropDownList1" runat="server" Height="23px" Width="150px">
                            <asp:ListItem>None</asp:ListItem>
                            <asp:ListItem>Web Programmer</asp:ListItem>
                            <asp:ListItem>Nurse</asp:ListItem>
                            <asp:ListItem>Janitor</asp:ListItem>
                            <asp:ListItem>Night Watchmen</asp:ListItem>
                            <asp:ListItem>Security Officer</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                    <td class="style7">
                        <asp:CustomValidator ID="ddlposition" runat="server" 
                            ControlToValidate="DropDownList1" ErrorMessage="Please Select a Position" 
                            style="color: #FF0000" ValidationGroup="Volunteer">*</asp:CustomValidator>
                    </td>
                </tr>
                <tr>
                    <td class="style4">
                        <asp:Label ID="ResumeLabel" runat="server" Text="Resume (optional)"></asp:Label>
                    </td>
                    <td class="style3">
                        <asp:FileUpload ID="FileUpload1" runat="server" />
                    </td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="style4">
                        <asp:Label ID="RefferalLabel" runat="server" Text="Referral (optional)"></asp:Label>
                    </td>
                    <td class="style3">
                        <asp:FileUpload ID="FileUpload2" runat="server" />
                    </td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="style2" colspan="3">
                        <asp:ValidationSummary ID="ValidationSummary1" runat="server" 
                            style="color: #FF0000" ValidationGroup="Volunteer" />
                    </td>
                </tr>
            </table>
            <br />
            <asp:Button ID="SubmitButton" runat="server" onclick="SubmitButton_Click" 
                Text="Submit" ValidationGroup="Volunteer" />
            <asp:Button ID="CancelButton" runat="server" onclick="CancelButton_Click" 
                Text="Cancel" />
        </asp:View>
        <asp:View ID="View2" runat="server">
            Thank you for volunteering for the for position of&nbsp;
            <asp:Label ID="volunteerlbl" runat="server"></asp:Label>
            .<br /> We will be in touch with you.<br />
            <asp:Button ID="Button" runat="server" onclick="Button_Click" Text="I'm Done" />
        </asp:View>
    </asp:MultiView>
    <br />
    <br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <br />
    <br />
    <br />
</asp:Content>
